import { getPageUrl, PageAlias } from '@libs/common/router';
import { Link } from '@libs/elk-ui';
import React, { FC } from 'react';
import ServerSideRenderError from './ssr-error';

const COM_PREKEY = 'NotFoundError';

interface NotFoundErrorProps {
    isDev?: boolean;

    error: ServerSideRenderError;
}

const NotFoundError: FC<NotFoundErrorProps> = (props) => {
    return (
        <html lang="zh" style={{ color: 'black', fontFamily: 'fangsong', fontSize: '26px' }}>
            <div style={{ width: '100vw' }}>
                {/* <Emoji text=":upside_down_face::upside_down_face::upside_down_face:SSR Error:upside_down_face::upside_down_face::upside_down_face:" /> */}
                😭😭😭😭😭😭
                {/* <div
                    style={{
                        marginTop: '20px',
                        marginLeft: '20px',
                        marginRight: '20px',
                        whiteSpace: 'pre',
                        alignContent: 'center',
                        alignItems: 'center',
                    }}
                > */}
                <p>哦豁，页面找不到了，去首页看看吧。</p>
                <Link title="首页" href={getPageUrl(PageAlias.HomeHome)}>
                    首页
                </Link>
                {/* </div> */}
            </div>
        </html>
    );
};

NotFoundError.displayName = 'NotFoundError';

export { NotFoundError, NotFoundErrorProps };
